<template>
    <div class="wrap">
        <div class="header">
            <van-nav-bar
                title="会员权益"
                left-arrow
                @click-left="onClickLeft"
            />
        </div>
        <div class="main">
            <ul class="vip">
                <li>
                    <span>150****1234</span>
                    <b>新新会员</b>
                </li>
                <li>
                    <span>活力值</span>
                    <b class="num">0</b>
                    <i></i><span class="red">消费即可升级</span>
                </li>
            </ul>
            <div class="rights">
                <ul>
                    <li>会</li>
                    <li>员</li>
                    <li>权</li>
                    <li>益</li>
                    <li>,</li>
                    <li>没</li>
                    <li>有</li>
                    <li>图</li>
                    <li>,</li>
                    <li>文</li>
                    <li>字</li>
                    <li>代</li>
                    <li>替</li>
                    <li>了</li>
                </ul>
            </div>
        </div>
    </div>
</template>

<script>
    export default {
    data() {
        return {};
    },

    methods: {
        onClickLeft() {     // 左箭头回退
            this.$router.go(-1)
            this.$store.commit('changeShowMine',true)
        },
       
    }
};
</script>
<style lang='stylus' scoped>
// 主页全屏
.wrap 
    background #eee
    position absolute
    top 0
    left 0
    right 0
    bottom 0
    z-index 350

.header
    width 100%
    position fixed
    top 0
    left 0
    background #fff
// 主页面
.main
    width 100%
    overflow auto
    margin-top 50px
    .vip
        background #fff
        margin-bottom 10px
        font-size 18px
        line-height 50px
        padding 5px 16px
        b 
            margin 0 10px
        .num
            color #CA013D
        .red
            background #CA013D
            color #fff
            padding 3px 10px
        i
            display inline-block
            width 0
            height 0
            transform translate(1px,10px) 
            border 16px solid #CA013D
            border-color transparent #CA013D transparent transparent
    .rights
        width 100%
        background #fff
        padding 50px 0
        ul
            width 100%
            li
                width 100%
                text-align center

// 改变Vant默认颜色
/deep/ .van-nav-bar__arrow
    color #4E4E4E
</style>
